<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后端开发工程师招聘</title>
    <link rel="stylesheet" href="/dev/plugins/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/dev/plugins/layui/layui/css/layui.css">
    <link rel="stylesheet" href="/dev/assets/css/job/page/Boss.css">
    <link rel="stylesheet" href="/dev/assets/css/job/page/JianLi.css">
    <link rel="icon" href="/dev/assets/img/geek-job/wanli.jpg" type="image/x-icon">
    <script>
        e();
       function e () {
            // 在这里执行条件检查
            let token = localStorage.getItem("token")
            if (token==null) {
                // 执行页面跳转
                alert("请先登录！")
                window.location.href = '/dev/views/job/page/login.html';
            }
        }
    </script>

</head>
<body class="job-body" >
<!-- 导航栏 -->
<div id="nav"></div>
<!-- 主界面 -->
<div id="main">
    <!-- 头头 -->
    <div class="job-banner">
        <!-- 主框架 -->
        <div class="inner home-inner">
            <!-- 装信息的盒子 -->
            <div class="job-primary detail-box">
                <!-- 左边的装信息盒子 -->
                <div class="info-primary">
                    <div class="job-status">
                        <span>招聘中</span>
                    </div>
                    <div class="name">
                        <h1 title="后端开发工程师" id="posName">后端开发工程师</h1>
                        <span class="salary" id="pay">12-20k</span>
                    </div>
                    <p>
                        <a class="text-desc text-city::before" href="#" id="workPlace"> 苏州</a>
                        <span class="text-desc text-exercise::before" id="expDemand">3-5年</span>
                        <!-- <span class="text-desc text-degree::before">"大专"</span> -->
                        <span class="text-desc text-degree"::before id="background">大专</span>
                    </p>

                    <!-- 下面控制层-感兴趣,立即沟通 -->
                    <div class="job-op">
                        <div class="btn-container">
                            <button type="button" class="btn btn-insert" ka="top_job_detail_like"><i class="layui-icon layui-icon-heart"></i>感兴趣</button>
                            <button type="button" class="btn btn-startchat" id="communication" name="" onclick="jsChat(this)" before  data-isfriend="false">立即沟通</button></div>

                        <div class="op-container">
                            <a href="/dev/views/job/page/send-resume.html" class="fl icon-resume" ka="job_online_resume_0">
                                <li class="icon"></li>
                                "填写在线简历"
                            </a>
                            <a href="#" class="fr icon-upload" ka="job_attach_resume_0" onclick="s()" lay-on="test-page-title">
                                <li class="icon" ></li>
                                "上传附件简历"
                            </a>
                        </div>
                    </div>
                </div>




                <div class="tag-container-new" style="padding-right: 43px;">
                    <div class="tag-more" style="opacity: 1;display: block;left: auto; right: 0px;">
                        <span class="link-more">...</span>
                        <div class="tag-all job-tags">
                            <span>生日福利</span>
                            <span>节日福利</span>
                            <span>餐补</span>
                            <span>员工旅游</span>
                            <span>带薪年假</span>
                            <span>全勤奖</span>
                            <span>绩效奖金</span>
                            <span>年终奖</span>
                            <span>定期体检</span>
                            <span>意外险</span>
                            <span>五险一金</span>
                        </div>
                    </div>
                    <div class=" job-tags">
                        <span>生日福利</span>
                        <span>节日福利</span>
                        <span>餐补</span>
                        <span>员工旅游</span>
                        <span>带薪年假</span>
                        <span>全勤奖</span>
                        <span>绩效奖金</span>
                        <span>年终奖</span>
                        <span>定期体检</span>
                        <span>意外险</span>
                        <span>五险一金</span>
                    </div>
                </div>
                <!-- ::after -->
            </div>
            <!-- ::after -->
        </div>
    </div>




    <!-- 下方职位描述等等 -->
    <div class="job-box">
        <div class="inner home-inner">
            <div class="job-sider">
                <!-- 此处写左边登录和工资计算器等等代码 -->




<!--                <div class="salary-calculate-entry">-->
<!--                    <a class="title" href="/wage/"></a>-->
<!--                    <div class="salary-calculate-input"><input type="text" name="salary" placeholder="请输入税前月工资" /></div>-->
<!--                    <a href="javascript:;" class="salary-calculate-btn" ka="salary_calculate_btn_click">计算</a>-->
<!--                </div>-->

                <!-- 相似职位 -->
                <div class="job-wrapper">
                    <h3>相似职位
                        <a href="#" rel="nofollow" target="_blank">更多相似职位</a>
                    </h3>
                    <ul class="similar-job-list">
                        <li>
                            <a href="#" >
                                <div class="similar-job-info">
                                    <span class="similar-job-name" id="posNames">java工程师</span>
                                    <span class="similar-job-salary" id="pays">12-20K</span>
                                </div>
                                <p class="similar-job-attr">
                                        <span class="similar-job-company">
                                            <span class="job-company-logo">
                                                <img src="../../assets/img/h7.jpg">
                                            </span>
                                            <span class="similar-job-name" id="companyName1">高贤甫</span>
                                        </span>
                                    <span class="similar-job-location" id="workPlaces">苏州</span>
                                </p>
                            </a>
                            <a href="#" class="job_pk">职位对比</a>
                        </li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <a href="/dev/views/geek-job/geek-job-city.html" class="look-all" ka="more-similar-jobs1">查看全部职位</a>
                </div>

                <div class="sider-company">
                    <p class="title" >公司基本信息</p>
                    <div class="company-info">
                    <a href="#" title="江苏欧博" target="_blank">
                        <img src="/dev/assets/img/gg.jpg" alt="">
                    </a>
                    <a class="job-detail-company_custompage" href="#" title="江苏欧泊" id="company-name" target="_blank">江苏欧泊</a>
                    </div>
                    <p>
                        <i class="icon-stage"></i>
                        A轮
                    </p>
                    <p>
                        <i class="icon-scale" ></i>
                        <a href="#" id="employees"></a>
                    </p>
                    <p>
                        <i class="icon-industry"></i>
                        <a href="#" id="postType"></a>

                    </p>
                    <a href="javascript:views()" class="look-all">查看全部职位 </a>
                </div>



            </div>

            <div class="job-detail">
                <div class="job-section">
                    <div class="detail-header">
                        <h3>职位描述</h3>
                    </div>
                    <div class="detail-section-operate">
                        <div class="op-links">
<!--                            <a ka="job_detail_wechat_share" href="javascript" class="link-wechat-share">微信扫码分享</a>-->
<!--                            <a ka="job_detail_report" href="#" class="link-report">举报</a>-->
                        </div>
                    </div>

                    <ul class="job-list" id="posKeywords">
                        <li >Java</li>
                        <li >Python</li>
                        <li>MySql</li>
                        <li>SpringBoot</li>
                        <li>a</li>
                        <li>a</li>
                        <li>a</li>
                    </ul>
                    <div class="job-text" id="posDescription">
                        岗位职责：<br/>1 负责公司信息管理系统，电商站点的开发与维护工作，主要使用Java，Laravel进行功能开发；<br/>
                        2 对相关模块的开发质量负责，并持续优化保持系统的稳定性；<br/>
                        3 能够针对需求设计可行的技术实现方案；<br/>
                        任职要求：<br/>1  大专或者以上学历，4年以上工作经验；
                        <br/>2 熟悉PHP，Java或者Python等主流开发语言；<br/>
                        3 熟悉PHP或者Java主流框架，包括但不限于Laravel，Spring全家桶；<br/>
                        4 有良好的编码规范以及团队协作精神，熟悉前后端协作；<br/>
                        5 有良好的文档习惯，有一定的技术设计能力，可以针对需求设计可行的技术方案；<br/>
                        6 有电商，企业信息系统相关经验者优先；<br/>
                        7 有带小团队经验者优先；<br/>
                        8 有良好的学习能力，全栈优先；
                    </div>


                    <div class="job-info">
                        <div class="PictureMain" id="jrAvatar">
                            <img src="/dev/assets/img/gg.jpg"  alt="">

                        </div>
                        <h2 class="name" id="jrName">
                            高贤甫
<!--                            <li class="icon-vip"></li>-->
<!--                            <span class="active">刚刚活跃</span>-->
                        </h2>
                        <div class="Jianjie" ><h5 id="companyNames">牛啵一</h5>
                            <em class="vdot">.</em>
                            <li id="jrType">全栈工程师</li>
                        </div>
                    </div>
                </div>

                <!-- 竞争力分析 -->
<!--                <div class="job-compare">-->
<!--                    <h3>竞争力分析</h3>-->
<!--                    <div class>-->
<!--                        <div class="compare-detail">-->
<!--                            <div class="compare-right">-->
<!--                                <a href="#" class="LookOK">查看完整竞争力</a>-->
<!--                            </div>-->
<!--                            <div>-->
<!--                                个人综合排名:-->
<!--                                <span>-->
<!--                                在<img src="https://img.bosszhipin.com/static/file/2022/4jo15bijai1661828091546.png">人中排名第-->
<!--                                <img src="https://img.bosszhipin.com/static/file/2022/4jo15bijai1661828091546.png">-->
<!--                            </span>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="compare-container">-->
<!--                            <p class="text-position">你在？</p>-->
<!--                            <span class="level-1"></span>-->
<!--                            <span class="level-2"><em>一般</em></span>-->
<!--                            <span class="level-3"><em>良好</em></span>-->
<!--                            <span class="level-4"><em>优秀</em></span>-->
<!--                            <span class="level-5"><em>极好</em></span>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->


                <!-- 安全提示 -->
                <div class="job-Safety">
                    <h3>职途万里提示您:</h3>
                    <p>严禁用人单位和招聘者用户做出任何损害求职者合法权益的违法违规行为，包括但不限于扣押求职者证件、收取求职者财物、向求职者集资、让求职者入股、诱导求职者异地入职、异地参加培训、违法违规使用求职者简历等。
<!--                        <a href="javascript" class="link-Safety">请立即举报</a>-->

                    </p>

<!--                    <a class="link-info" href="https://www.zhipin.com/mpa/html/mix/safe-guid?test=1&geekId=" target="_blank">了解更多职场安全防范知识</a>-->

<!--                    <img src="/dev/assets/img/h5.jpg" width="100px" height="100px">-->
                </div>

                <div class="job-company">
                    <h3>公司介绍</h3>
                    <div class="company-box">

                        <div class="company-text" id="companyIntro" >
                            这是一位正经摸鱼人开办的公司<br>
                            HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W.  <br>
                            Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档，它能独立于各种操<br>
                            作系统平台(如UNIX， Windows等)。使用HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML<br>
                            文件“翻译”成可以识别的信息，即我们所见到的网页。 [2]<br>
                            自1990年以来，HTML就一直被用作万维网的信息表示语言，使用HTML描述的文件需要通过web浏览器显示出效果。HTML是一种建立网页文件的<br>
                            语言，通过标记式的指令(Tag)，将文字，图形、动画、声音、表格、链接、影像等内容显示出来。事实上，每一个HTML文档都是一种静态的网<br>
                            页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，只是一种排版网页中资料显示位置的标记结构语言，易学易懂，<br>
                            非常简单。HTML的普遍应用就是带来了超文本的技术―通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面，与世界各地主机<br>
                            的文件链接超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。HTTP的制定使浏览器在运行超文本时有了统一的规则和标准。

                        </div>
                        <a ka="job-comintroduce" href="javascript:oo();"  class="look-alls" style="display: inline;">
                            查看全部
                        </a>
                    </div>

                    <div class="job-business">
                        <h3>工商信息</h3>
                        <div class="level-list-box">
                            <ul class="level-list">
                                <li class="company-name" ><span >公司名称</span><h5 id="companyName">职途万里</h5></li>
                                <li class="company-user"><span>法定代表人</span><h5 id="legalPerson">高贤甫</h5></li>
                                <li class="res-time"><span>成立日期</span><h5 id="SetUpTime"></h5></li>
                                <li class="company-type"><span>企业类型</span><h5 id="companyType"></h5></li>
                                <li class="manage-state"><span>经营状态</span><h5 id="runState">存续</h5></li>
                                <li class="company-fund"><span>注册资金</span>10000万人民币</li>
                            </ul>
                            <a ka="job-cominfo" href="javascript:details();"  class="look-all">查看详情</a>



                        </div>
                    </div>

                    <div class="company-adress">
                        <h>工作地址</h>
                        <div class="job-location">
                            <div class="location-adress" id="workPlace1">苏州驰星</div>
                            <div class="job-location-map" data-content="" data-adress="">
                                <img src="https://img.bosszhipin.com/beijin/amap/staticMap/e40f1d46d36304a363be2c1919f8533e" alt="公司地址">
                                <p>点击查看地图</p>
                            </div>
                        </div>
                    </div>
                </div>

                <!---看过该职位的人还看了--->

            </div>
        </div>
    </div>
</div>







    <!--必须先引入jquery.min.js-->
    <script src="/dev/plugins/jquery/jquery.min.js"></script>
    <script src="/dev/plugins/bootstrap/js/bootstrap.js"></script>
    <script src="/dev/plugins/layui/layui/layui.js"></script>
    <script>
        $(function (){
            $("#nav").load("/dev/views/common/nav.html")
        })
    </script>
<script>
    layui.use(function () {
        var $ = layui.$;
        var layer = layui.layer;
        var util = layui.util;
        var form = layui.form;
        // 事件
        util.on('lay-on', {
            'test-page-title': function () {
                layer.open({
                    type: 1,
                    // area: ['620px', '353px'], // 宽高
                    title: false, // 不显示标题栏
                    closeBtn: 0,
                    shadeClose: true, // 点击遮罩关闭层
                    content:   `<div class="notes-parase">
            <div class="notes-box">
                <a href="#" class="logo">
                    <img src="/dev/assets/img/gg.jpg">
                    <div class="desc">
                        <em>找工作</em>
                        <p>就找职途万里</p>
                    </div>
                </a>
                <ul class="desc-list">
                    <li>
                        <i class="notes notes-chat"></i>
                        <em>沟通</em>
                        <sp>在线职位及时沟通</sp>
                    </li>
                    <li>
                        <i class="notes-select"></i>
                        <em>随便选</em>
                        <span>各大职业任你选</span>
                    </li>
                </ul>
            </div>
            <!---->
            <div class="notes-content">
                <div class="inner-box">
                    <h4>请上传您的简历</h4>
                    <div class="nontes-title">
                        "建议使用PDF文件，支持DOC、DOCX格式"
                        <br>
                        <span class="notes-red">文件大小不能超过8M</span>
                    </div>
                    <div class="layui-upload-drag" style="display: block;" id="ID-upload-demo-drag">
                        <i class="layui-icon layui-icon-upload"></i>
                        <div>将文件拖拽到此处</div>
<!--                        <div class="layui-hide" id="ID-upload-demo-preview">-->
<!--                            <hr> <img src="" alt="上传成功后渲染" style="max-width: 100%">-->
<!--                        </div>-->
                    </div>
                    <div class="layui-btn-container">
                        <button type="button" class="layui-btn" id="ID-upload-demo-action">开始上传</button>
                    </div>
                    <div style="width: 360px;">
                        <div class="layui-progress layui-progress-big" lay-showpercent="yes" lay-filter="demo">
                            <div class="layui-progress-bar" lay-percent=""></div>
                        </div>
                    </div>
                    <a href="/dev/views/job/page/简历.html" class="outline-btn">
                        没有附件简历？
                        <span class="notes-text">
                                在线填写
                            </span>
                    </a>
                    <div class="upload-policy">
                            <span class="notes-agree">
                                <input type="checkbox" class="agree-text">
                                <i class="checkbox-ending"></i>
                            </span>
                        <em>同意授权,不登陆简历会自动清除</em>
                    </div>
                </div>
                <!---->

            </div>

        </div>`

                });
            }
        })
    })
</script>

<script src="/dev/assets/js/job/page/Boss.js"></script>

<script>
    $(function (){
        var params = new URLSearchParams(window.location.search);
        var posId = params.get('posId');

        document.getElementById("communication").name=posId

        let btnInsert = document.querySelector(".btn-insert")
        console.log("====id-token====")
        console.log(localStorage.getItem("id"))
        console.log(localStorage.getItem("token"))
        $.ajax({
            headers:{
                "id":localStorage.getItem("id"),
                "token":localStorage.getItem("token")
            },
            url:'/dev/collect/search',
            type:'post',
            async: false,
            data:{
                "jsId":localStorage.getItem("id"),
                "posId": posId
            },
            success:function (result){
                console.log(result)
                if (result.code==200){
                    btnInsert.innerHTML='<i class="layui-icon layui-icon-heart-fill"></i>取消感兴趣'
                }
            }
        })
    })
</script>

<script>
    let btnInsert = document.querySelector(".btn-insert")
    btnInsert.addEventListener('click',function (){
        let btn1 = '<i class="layui-icon layui-icon-heart"></i>感兴趣'
        let btn2 = '<i class="layui-icon layui-icon-heart-fill"></i>取消感兴趣'
        var params = new URLSearchParams(window.location.search);
        var posId = params.get('posId');
        if (this.innerHTML===btn1){
            this.innerHTML=btn2
            $.ajax({
                headers:{
                    "id":localStorage.getItem("id"),
                    "token":localStorage.getItem("token")
                },
                url:"/dev/collect/add",
                type: "post",
                async: false,
                data:{
                    "jsId": localStorage.getItem("id"),
                    "posId": posId
                },
                success:function (result){
                    console.log(result)
                    if (result.code==200){
                    }
                }
            })
        }else {
            this.innerHTML=btn1
            $.ajax({
                headers:{
                    "id":localStorage.getItem("id"),
                    "token":localStorage.getItem("token")
                },
                url:"/dev/collect/delete",
                type:"post",
                data: {
                    "jsId": localStorage.getItem("id"),
                    "posId": posId
                },
                success:function (result){
                    console.log(result)
                    if (result.code==200){

                    }
                }
            })
        }

    })
</script>


<script>
    function oo(){
        let content=document.getElementById("companyIntro")
        let lookAll = document.querySelector(".look-alls");
        if (content.classList.contains("expanded")) {
            content.classList.remove("expanded");
            lookAll.textContent = "查看全部";
        } else {
            content.classList.add("expanded");
            lookAll.textContent = "收起全部";

        }
    }


    function jsChat(is){
        window.location.href=`/dev/views/job/page/message.html?jrId=${jrId}&postId=${posId}`
    }



</script>
</body>
</html>